<template>
    <van-nav-bar fixed class="app-list__header">
      <van-icon @click="$router.back()" name="arrow-left" slot="left" size="20" />
      <van-search @click="$router.push({ name: 'search' })" :value="$route.query.search" placeholder="请输入搜索关键词" slot="title" />
    </van-nav-bar>
</template>
<script>
import Vue from 'vue'
import { Search, NavBar, Icon } from 'vant'

Vue.use(Icon)
Vue.use(NavBar)
Vue.use(Search)
export default {
  name: 'AppListHeader'
}
</script>
<style lang="scss" scoped>
.app-list__header {
  /*  */
  .van-search {
    padding: 0px;
  }
}
</style>
